import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

// 请求
import axios from 'axios'
import VueAxios from 'vue-axios'
// 有赞ui库
import Vant from 'vant'
import 'vant/lib/index.css'
// 国际化  多语言切换
import VueI18n from 'vue-i18n'
import messages from '@/assets/lang/index'
import { Locals } from '@/assets/lang/vantLocal.js'

import countTo from '_c/countTo'
//  mock 模拟数据
// if (process.env.NODE_ENV !== 'production') require('./mock')

Vue.prototype.$Local = Locals
Vue.prototype.$axios = axios
Vue.use(VueI18n)
const i18n = new VueI18n({
  // 定义默认语言
  locale: 'cn',
  messages
})
Vue.use(VueAxios, axios)
Vue.use(Vant)

Vue.config.productionTip = false
/*
new Vue({
  router,
  store,
  i18n,
  render: h => {
    return h(countTo, {
      attrs: {
        id: 'justTest'
      },
      style: {
        color: 'red'
      },
      'class': {
        'test': true // 添加到组件的最外层  可以写表达是判断
      },
      // 'class': 'name',  直接写字符串
      // 'class': [isTrue?name1:name2]  数组的形式可以写表达是根据判断来选择具体叫什么类名
      props: {
        endVal: 100
      },
      on: {
        'sjf': (val) => {
          console.log('xixi')
        }
      },
      nativeOn: {
        'click': () => {
          console.log('我是点击事件')
        }
      },
      // domProps: {
      //   // 在dom上的一些属性
      //   innerHTML: 'hahaa'
      // },
      directives: [], 
      slot: '',   
      key: '',   
      ref: ''
    })
  }
}).$mount('#app')
*/

// new Vue({
//   router,
//   store,
//   i18n,
//   render: h => {
//     return h('div', {
//       attrs: {
//         id: 'justTest'
//       },
//       style: {
//         color: 'red'
//       }
//     }, 'sjf')
//   }
// }).$mount('#app')

// new Vue({
//   router,
//   store,
//   i18n,
//   render: h => h('div', '直接上子元素')
// }).$mount('#app')

new Vue({
  router,
  store,
  i18n,
  render: h => h(App)
}).$mount('#app')
